body{
    background: #F5F5F5;
}
.mint-swipe {
    height: 3rem;
    img {
        width: 100%;
        height: 100%;
    }
}
a {
    text-decoration: none;
}
.mint-swipe .mint-swipe_mint-swipe-indicators .mint-swipe-indicator {background: #9ACCFA; width: 20rem; height: 20rem;}
.new_box {
    background: #FFFFFF;
    width: 100%;
    height: .9rem;
    overflow: hidden;
    img {
        float: left;
        width: .6rem;
        height: .6rem;
        margin: .15rem .2rem;
    }
    //.list_box {
    //    float: left;
    //    width: 82%;
    //    height: .9rem;
    //    line-height: .9rem;
    //    overflow: hidden;
    //    font-size: .32rem;
    //    color: #656565;
    //
    //}
    .marquee_box {
        display: block;
        position: relative;
        width: 80%;
        background: #fff;
        height: 0.9rem;
        overflow: hidden;
        .marquee_list {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            li {
                height: 0.9rem;
                line-height: 0.9rem;
                font-size: 14px;
                padding-left: 20px;
                a{
                    color: #181818;
                }
            }
        }
    }

    .marquee_top {
        transition: all 0.5s;
        margin-top: -0.9rem;
    }

}

.mint-navbar .mint-tab-item{
    width: auto !important;
}
.mint-navbar .mint-tab-item.is-selected {
    /*margin-bottom: 6px;*/
    color: #00BDCF;
    font-size: .32rem;
    border-bottom: none;
}

.mint-navbar {
    margin-top: 0.24rem;
    height: .9rem;
    border-bottom: .01rem solid #f8f8f8;
    font-size: .44rem;
    margin-bottom: 1px;
    .mint-tab-item {
        width: 1.7rem;
        float: left;
        text-align: center;
        padding: 17px 0 10px 0;
        line-height: .44rem;
        font-size: .6rem;
        color: #181818;
    }
}

.mint-tab-item-label{
    font-size: .3rem;
}

/*选项mark*/

.item-container {
    display: flex;
    flex-direction: column;
    a{
        border-bottom: 1px solid #F5F5F5;
    }
    .list-box {
        background: #fff;
        height: auto;
        overflow: hidden;
        .list-img {
            float: left;
            width: 2.28rem;
            height: 2.16rem;
            flex-basis: 1.68rem;
            border-radius: 0.1rem;
            img {
                margin: 0.24rem 0.24rem 0.24rem 0.36rem;
                width: 1.68rem;
                height: 1.68rem;
                border-radius: .1rem;
            }
        }
        .list-p {
            position: relative;
            float: left;
            height: 2.16rem;
            width: 5.1rem;
            .row{
                line-height: 20px;
                padding: 5px 0;
                color: #181818;
            }
            .tit{
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
                margin-top: 0.28rem;
                box-sizing: border-box;
                display: block;
                font-size: .32rem;
                line-height: .32rem;
                color: #181818;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                padding: 0 0.24rem 0 0;
            }
            .intro{
                padding-right: 0.24rem;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                font-size: .24rem;
                height: .48rem;
                line-height: .3rem;
                color: #989898;
            }
            .info{
                height: auto;
                .left {
                    position: absolute;
                    bottom: 0.24rem;
                    text-align: center;
                    float: left;
                    color: #00BDCF;
                    font-size: 12px;
                    border: 1px solid #00BDCF;
                    padding: 1px 10px;
                    border-radius: 20px;
                }
                .right {
                     position: absolute;
                    bottom: 0.24rem;
                    right: 0rem;
                    line-height: .44rem;
                    float: right;
                    color: #989898;
                    font-size: .24rem;
                    margin-right: 0.24rem;
                }
            }
        }
    }
}


.mint-navbar .mint-tab-item.is-selected .selet_bt{
    width: 24px;
    height: 3px;
    background: #00BDCF;
    margin: auto;
    margin-top: 12px;
}

.mint-swipe-indicator{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #00BDCF;
    opacity: 1;
    margin: 0 3px;
}
